irongit
Sign inRegister
huncholanehuncholane/dotbarPublic

Waybar configuration

dotbar/style/[Extra] Arrow.css
291 lines4.9 KBCSS
RawDownloadHistory
1/* ----------- 💫 https://github.com/JaKooLit 💫 -------- */
2/* .....[Extra] Arrow Best to combine with [TOP] Arrow.... */
3/* --- 👍 taken from https://github.com/mxkrsv 👍 --- */
4
5* {
6 font-family: "JetBrainsMono Nerd Font";
7 font-weight: bold;
8 min-height: 0;
9 /* set font-size to 100% if font scaling is set to 1.00 using nwg-look */
10 font-size: 97%;
11 font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
12 border: none;
13 border-radius: 0;
14 min-height: 0;
15 margin: 0;
16 padding: 0;
17 box-shadow: none;
18 text-shadow: none;
19 icon-shadow: none;
20}
21
22/* Colors (gruvbox) */
23@define-color black #282828;
24@define-color red #cc241d;
25@define-color green #98971a;
26@define-color yellow #d79921;
27@define-color blue #458588;
28@define-color purple #b16286;
29@define-color aqua #689d6a;
30@define-color gray #a89984;
31@define-color brgray #928374;
32@define-color brred #fb4934;
33@define-color brgreen #b8bb26;
34@define-color bryellow #fabd2f;
35@define-color brblue #83a598;
36@define-color brpurple #d3869b;
37@define-color braqua #8ec07c;
38@define-color white #ebdbb2;
39@define-color bg2 #504945;
40
41
42@define-color warning @bryellow;
43@define-color critical @red;
44@define-color mode @black;
45@define-color unfocused @bg2;
46@define-color focused @braqua;
47@define-color inactive @purple;
48@define-color sound @brpurple;
49@define-color network @purple;
50@define-color memory @braqua;
51@define-color cpu @green;
52@define-color temp @brgreen;
53@define-color layout @bryellow;
54@define-color battery @aqua;
55@define-color date @black;
56@define-color time @white;
57
58/* The whole bar */
59#waybar {
60 background: rgba(40, 40, 40, 0.8784313725); /* #282828e0 */
61 color: @white;
62}
63
64#backlight,
65#backlight-slider,
66#battery,
67#bluetooth,
68#clock,
69#cpu,
70#disk,
71#idle_inhibitor,
72#keyboard-state,
73#memory,
74#mode,
75#mpris,
76#network,
77#power-profiles-daemon,
78#pulseaudio,
79#pulseaudio-slider,
80#taskbar,
81#temperature,
82#tray,
83#window,
84#wireplumber,
85#workspaces,
86#custom-backlight,
87#custom-browser,
88#custom-cava_mviz,
89#custom-cycle_wall,
90#custom-dot_update,
91#custom-file_manager,
92#custom-keybinds,
93#custom-keyboard,
94#custom-light_dark,
95#custom-lock,
96#custom-hint,
97#custom-hypridle,
98#custom-menu,
99#custom-playerctl,
100#custom-power_vertical,
101#custom-power,
102#custom-quit,
103#custom-reboot,
104#custom-settings,
105#custom-spotify,
106#custom-swaync,
107#custom-tty,
108#custom-updater,
109#custom-weather,
110#custom-weather.clearNight,
111#custom-weather.cloudyFoggyDay,
112#custom-weather.cloudyFoggyNight,
113#custom-weather.default,
114#custom-weather.rainyDay,
115#custom-weather.rainyNight,
116#custom-weather.severe,
117#custom-weather.showyIcyDay,
118#custom-weather.snowyIcyNight,
119#custom-weather.sunnyDay {
120 padding-left: 8pt;
121 padding-right: 8pt;
122}
123
124/* Each critical module */
125#mode,
126#memory.critical,
127#cpu.critical,
128#temperature.critical,
129#battery.critical.discharging {
130 animation-timing-function: linear;
131 animation-iteration-count: infinite;
132 animation-direction: alternate;
133 animation-name: blink-critical;
134 animation-duration: 1s;
135}
136
137/* Each warning */
138#network.disconnected,
139#memory.warning,
140#cpu.warning,
141#temperature.warning,
142#battery.warning.discharging {
143 color: @warning;
144}
145
146/* Keyframes */
147
148@keyframes blink-critical {
149 to {
150 /*color: @white;*/
151 background-color: @critical;
152 }
153}
154
155/* Current sway mode (resize etc) */
156#mode {
157 color: @white;
158 background: @mode;
159}
160
161/* Workspaces stuff */
162#workspaces button {
163 /*font-weight: bold;*/
164 padding-left: 2pt;
165 padding-right: 2pt;
166 color: @white;
167 background: @unfocused;
168}
169
170/* Inactive (on unfocused output) */
171#workspaces button.visible {
172 color: @white;
173 background: @inactive;
174}
175
176/* Active (on focused output) */
177#workspaces button.focused {
178 color: @black;
179 background: @focused;
180}
181
182/* Contains an urgent window */
183#workspaces button.urgent {
184 color: @black;
185 background: @warning;
186}
187
188/* Style when cursor is on the button */
189#workspaces button:hover {
190 background: @black;
191 color: @white;
192}
193
194#window {
195 margin-right: 35pt;
196 margin-left: 35pt;
197}
198
199#pulseaudio {
200 background: @sound;
201 color: @black;
202}
203
204#network {
205 background: @network;
206 color: @white;
207}
208
209#memory {
210 background: @memory;
211 color: @black;
212}
213
214#cpu {
215 background: @cpu;
216 color: @white;
217}
218
219#temperature {
220 background: @temp;
221 color: @black;
222}
223
224#language {
225 background: @layout;
226 color: @black;
227}
228
229#battery {
230 background: @battery;
231 color: @white;
232}
233
234#tray {
235 background: @date;
236}
237
238#clock {
239 background: @time;
240 color: @black;
241}
242
243#custom-arrow1 {
244 color: @time;
245 background: @date;
246}
247
248#custom-arrow2 {
249 color: @date;
250 background: @layout;
251}
252
253#custom-arrow3 {
254 color: @layout;
255 background: @battery;
256}
257
258#custom-arrow4 {
259 color: @battery;
260 background: @temp;
261}
262
263#custom-arrow5 {
264 color: @temp;
265 background: @cpu;
266}
267
268#custom-arrow6 {
269 color: @cpu;
270 background: @memory;
271}
272
273#custom-arrow7 {
274 color: @memory;
275 background: @network;
276}
277
278#custom-arrow8 {
279 color: @network;
280 background: @sound;
281}
282
283#custom-arrow9 {
284 color: @sound;
285 background: transparent;
286}
287
288#custom-arrow10 {
289 color: @unfocused;
290 background: transparent;
291}